<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson :datas="{formData:form}"  :panel="panel" psTagType="PERSON_PENSION_QUERY" personType="PERSON_ALL_EXACT">
                <ep-button size="medium" id="cal" api="doQuery" type="primary"
                           :datas="{formData: form,panel:panel,tableData1:tableData1}"
                           name="计算"></ep-button>
                <ep-saveButton id="doSave" type="primary" ref="save" @formValidate="formValidate"
                               :validate="['form']"
                               :datas="{formData: form,panel:panel,tableData1:tableData1,tableData2:tableData2,tableData3:tableData3,tableData4:tableData4,tableData5:tableData5,tableData6:tableData6}"></ep-saveButton>
            </epl-top-bar>
            <epl-userMessage dataType="person" idCount = "6" :panel="panel">
                <template slot-scope="scope">
                    <epl-userMessageItem title="当前待遇" :sum="form.aic169.value">
                        <epl-column label="补发总月数" :value="form.bac062.value"></epl-column>
                        <epl-column label="补发总金额" :value="'￥'+form.bac063.value"></epl-column>
                    </epl-userMessageItem>
                </template>
            </epl-userMessage>
            <el-form :model="form" ref="form" :rules="rules">
                <el-collapse v-model="activeNames">
                    <el-collapse-item  title="请输入离退休基本信息" name="1">
            <el-card class="ep-card">
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="aic169" name="aic169" :property="form.aic169"
                                  p="H"  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="8" label="bac062" name="bac062" :property="form.bac062"
                                  p="H"  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="8" label="bac063" name="bac062" :property="form.bac063"
                                  p="H"  :datas="{formData:form}"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="账户金额" name="aic165" :property="form.aae165"
                                  p="D"  :datas="{formData:form}"></ep-input>
                        <ep-dateYMD label="合同制或事业缴费" type="YY-MM" colspan="8" name="aae201" :property="form.aae201" p="D"
                                    :datas="{formData: form}"></ep-dateYMD>
                        <ep-dateYMD label="中断缴费年限" type="YY-MM" colspan="8" name="zdjf" :property="form.aae200" p="D"
                                    :datas="{formData: form}"></ep-dateYMD>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="享受最低基本养老金" name="bic126" :property="form.bic126" p="D"
                                  :datas="{formData:form}"></ep-input>
                        <ep-dateYMD label="实际缴费年限" type="YY-MM" colspan="8" name="aae201" :property="form.aae201" p="D"
                                    :datas="{formData: form}"></ep-dateYMD>
                        <ep-dateYMD label="视同缴费年限" type="YY-MM" colspan="8" name="aae200" :property="form.aae200" p="D"
                                    :datas="{formData: form}"></ep-dateYMD>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="个人部分比例" name="aic167" :property="form.aic167" p="D"
                                  :datas="{formData:form}" ></ep-input>
                        <ep-input colspan="8" label="养老金占比例" name="aic166" :property="form.aic166" p="D"
                                  :datas="{formData:form}" ></ep-input>
                        <ep-dateYMD label="累计缴费年限" type="YY-MM" colspan="8" name="ljnx" :property="form.ljnx" p="D"
                                    :datas="{formData: form}"></ep-dateYMD>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-date colspan="8" label="待遇开始年月" name="aic160" :property="form.aic160" p="R" format="yyyyMM"
                                 :datas="{formData:form}" placeholder="请选择待遇开始年月" rules="this.$rules.test_noBlank"></ep-date>
                        <ep-select colspan="8" label="管理形式" name="aae146" :property="form.aae146" codetype="AAE146"
                                   p="R"  :datas="{formData:form}" placeholder="请选择管理形式" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-select colspan="8" label="发放途径" name="aae145" :property="form.aae145" codetype="AAE145"
                                   p="R"  :datas="{formData:form}" placeholder="请选择发放途径" rules="this.$rules.test_noBlank"></ep-select>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="发放丧葬抚恤金标识" name="bic119" :property="form.bic119" codetype="BIC119"
                                   p="R"  :datas="{formData:form}" placeholder="请选择发放丧葬抚恤金标识" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-select colspan="8" label="补扣发放途径" name="bic121" :property="form.bic121" codetype="BIC121"
                                   p="R"  :datas="{formData:form}" placeholder="请选择补扣发放途径" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-select colspan="8" label="待遇调整标识" name="bic120" :property="form.bic120" codetype="BIC120"
                                   p="R"  :datas="{formData:form}" placeholder="请选择待遇调整标识" rules="this.$rules.test_noBlank"></ep-select>

                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="行业档案养老金" name="bic122" :property="form.bic122" p="R"
                                  :datas="{formData:form}" placeholder="请输入行业档案养老金" rules="this.$rules.test_noBlank"></ep-input>
                        <ep-input colspan="8" label="06年调整额" name="bic123" :property="form.bic123" p="R"
                                  :datas="{formData:form}" placeholder="请输入06年调整额" rules="this.$rules.test_noBlank"></ep-input>
                        <ep-input colspan="8" label="浮动物价补贴" name="bic124" :property="form.bic124" p="R"
                                  :datas="{formData:form}" placeholder="请输入浮动物价补贴" rules="this.$rules.test_noBlank"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="山区海岛补贴" name="bic125" :property="form.bic125" p="R"
                                  :datas="{formData:form}" placeholder="请输入山区海岛补贴" rules="this.$rules.test_noBlank"></ep-input>
                        <ep-input colspan="8" label="邮政编码" name="aae007" :property="form.aae007" p="R"
                                  :datas="{formData:form}" placeholder="请输入邮政编码" rules="this.$rules.postcode"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="邮政地址" name="bae011s" :property="form.bae011s"
                                   placeholder="请选择省" codetype="BAE007" p="E"  :datas="{formData:form}" isChange isCodeType></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae012s" :property="form.bae012s"
                                   placeholder="请选择市" codetype="BAE008" p="E" :datas="{formData: form}" isChange isCodeType
                                   SelectFilterData=" aaa102 like substr(':bae011s',0,2)||'%' and aaa102 like '%00' "></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae013s" :property="form.bae013s"
                                   placeholder="请选择区县" codetype="BAE009" p="E" :datas="{formData: form}"
                                   SelectFilterData=" aaa102 like substr(':bae012s',0,4)||'%'" ></ep-select>
                        <ep-input colspan="8" label="" label-width="0" name="aae006s" :property="form.aae006s"
                                  placeholder="请输入详细地址" p="E" :datas="{formData:form}"></ep-input>
                    </el-row>
            </el-card>
                    </el-collapse-item>
                    <el-collapse-item  title="请输入联系人信息" name="2">
                        <el-card class="ep-card">
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="联系人姓名" name="aae004" :property="form.aae004" p="R"
                                  :datas="{formData:form}" placeholder="请输入联系人姓名" rules="this.$rules.test_noBlank"></ep-input>
                        <ep-input colspan="8" label="手机号码" name="aae005" :property="form.aae005" p="R"
                                  :datas="{formData:form}" placeholder="请输入手机号码" rules="this.$rules.mobile"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="联系地址" name="bae011" :property="form.bae011"
                                   placeholder="请选择省" codetype="BAE007" p="E"  :datas="{formData:form}" isChange isCodeType></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae012" :property="form.bae012"
                                   placeholder="请选择市" codetype="BAE008" p="E" :datas="{formData: form}" isChange isCodeType
                                   SelectFilterData=" aaa102 like substr(':bae011',0,2)||'%' and aaa102 like '%00' "></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae013" :property="form.bae013"
                                   placeholder="请选择区县" codetype="BAE009" p="E" :datas="{formData: form}"
                                   SelectFilterData=" aaa102 like substr(':bae012',0,4)||'%'" ></ep-select>
                        <ep-input colspan="8" label="" label-width="0" name="aae006" :property="form.aae006"
                                  placeholder="请输入详细地址" p="E" :datas="{formData:form}"></ep-input>
                    </el-row>
                        </el-card>
                    </el-collapse-item>
                    <el-collapse-item  title="请输入发放信息" name="3">
                        <el-card class="ep-card">
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="支付方式" name="aae145" :property="form.aae145" codetype="AAE145"
                                   p="R"  :datas="{formData:form}" placeholder="请选择支付方式" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-select colspan="8" label="发放银行" name="aaz065" :property="form.aaz065" codetype="AAZ065"
                                   p="R"  :datas="{formData:form}" placeholder="请选择发放银行" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-input colspan="8" label="银行账号" name="aae010" :property="form.aae010" p="R"
                                  :datas="{formData:form}" placeholder="请输入银行账号" rules="this.$rules.test_noBlank"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="银行户名" name="aae010" :property="form.aae010" p="R"
                                  :datas="{formData:form}" placeholder="请输入银行户名" rules="this.$rules.test_noBlank"></ep-input>
                        <epl-search-bank colspan="8" label="开户行行号" name="aaf002" :property="form.aaf002" placeholder="请选择开户行行号"
                                         p="R" :datas="{formData: form}" codetype="AAZ065" bankName="aaz065" show rules="this.$rules.test_noBlank"></epl-search-bank>
                        <ep-input colspan="8" label="开户银行名称" name="bac049" :property="form.bac049" p="D"
                                  :datas="{formData:form}"  rules="this.$rules.test_noBlank"></ep-input>
                    </el-row>
                        </el-card>
                    </el-collapse-item>
                </el-collapse>
                <el-row :gutter="10">
                    <el-col :span="16"><el-card style="height: 370px">
                        <ep-title>待遇项目信息</ep-title>
                        <ep-table :data="tableData1">
                            <ep-table-column editor="index" width="50" header="序号"></ep-table-column>
                            <ep-table-column sortable editor="text" name="aaa036" header="待遇项目"></ep-table-column>
                            <ep-table-column sortable editor="text" name="aae041" header="享受开始年月"></ep-table-column>
                            <ep-table-column sortable editor="text" name="aae042" header="享受结束年月"></ep-table-column>
                            <ep-table-column sortable editor="text" name="eia008" header="金额"></ep-table-column>
                        </ep-table>
                    </el-card>
                    </el-col>
                    <el-col :span="8"> <el-card style="height: 370px">
                        <el-button  @click="dialogTableVisible01=true" style="margin-top: 10px;margin-left: 10px;width: 95%;height: 115px;">工资指数</el-button>
                        <el-button @click="dialogTableVisible02=true" style="width: 95%;height: 115px">待遇计发规则过程</el-button>
                        <el-button @click="dialogTableVisible03=true" style="width: 95%;height: 115px">待遇补扣明细</el-button>
                    </el-card>
                    </el-col>
                </el-row>
                <el-dialog title="工资指数信息" :visible.sync="dialogTableVisible01">
                    <ep-table :data="tableData2" :pager="20">
                        <ep-table-column editor="text" name="aae100" header="年度"></ep-table-column>
                        <ep-table-column editor="text" name="aae180" header="缴费基数"></ep-table-column>
                        <ep-table-column editor="text" name="aaa016" header="上年省社平"></ep-table-column>
                        <ep-table-column editor="text" name="aae201" header="缴费月数"></ep-table-column>
                        <ep-table-column editor="text" name="aic164" header="缴费指数"></ep-table-column>
                    </ep-table>
                </el-dialog>
                <el-dialog title="待遇计发规则过程" :visible.sync="dialogTableVisible02">
                    <ep-table :data="tableData6" :pager="20">
                        <ep-table-column editor="text" name="eia004" header="规则编码"></ep-table-column>
                        <ep-table-column editor="text" name="eia005" header="规则名称"></ep-table-column>
                        <ep-table-column editor="text" name="aaa036" header="待遇项目"></ep-table-column>
                        <ep-table-column editor="text" name="aaa037" header="待遇项目名称"></ep-table-column>
                        <ep-table-column editor="text" name="eia008" header="待遇计算值"></ep-table-column>
                        <ep-table-column editor="text" name="eia016" header="待遇计算依据"></ep-table-column>
                    </ep-table>
                </el-dialog>
                <el-dialog title="待遇补扣明细" :visible.sync="dialogTableVisible03">
                    <ep-table :data="tableData4" :pager="20">
                        <ep-table-column editor="text" name="aaa037" header="待遇项目名称"></ep-table-column>
                        <ep-table-column editor="text" name="aae041" header="享受开始年月"></ep-table-column>
                        <ep-table-column editor="text" name="aae042" header="享受结束年月"></ep-table-column>
                        <ep-table-column editor="text" name="bac063" header="补退发金额"></ep-table-column>
                    </ep-table>
                </el-dialog>
            </el-form>
                <el-row :gutter="10">
                    <el-col :span="8">
                    <el-card class="ep-card" style="height: 330px">
                        <ep-title>新办法计算待遇</ep-title>
                        <ep-table :data="tableData4">
                            <ep-table-column editor="text" name="aaa037" header="待遇项目"></ep-table-column>
                            <ep-table-column editor="text" name="bac063" header="金额"></ep-table-column>
                        </ep-table>
                    </el-card>
                    </el-col>
                    <el-col :span="8">
                        <el-card class="ep-card" style="height: 330px">
                            <ep-title>老办法计算待遇</ep-title>
                            <ep-table :data="tableData4">
                                <ep-table-column editor="text" name="aaa037" header="待遇项目"></ep-table-column>
                                <ep-table-column editor="text" name="bac063" header="金额"></ep-table-column>
                            </ep-table>
                        </el-card>
                    </el-col>
                    <el-col :span="8">
                        <el-card class="ep-card" style="height: 330px">
                            <ep-title>新老对比实际</ep-title>
                            <ep-table :data="tableData4">
                                <ep-table-column editor="text" name="aaa037" header="待遇项目"></ep-table-column>
                                <ep-table-column editor="text" name="bac063" header="金额"></ep-table-column>
                            </ep-table>
                        </el-card>
                    </el-col>
                </el-row>
                <!--<epl-tableListSecond  :myData="form" hidden="3"></epl-tableListSecond>-->
        </el-main>
    </el-main>
</template>

<script src="../js/EnterBenefitConfirmJS.js"></script>
